<template>
    <view id="reviewDetails" >
        <view class="loading-part" v-if="isLoading"></view>
        <!-- 待确认 -->
        <view v-if="state==1" class="list">
            <view v-for="(item,index) in list" :key="index" class="list-box" >
                <view class="header" @click="showIconTip(item.iconFlag)">
                    <view class="title">{{item.name}} {{item.rank}}  <icon class="title-warn" v-if="item.iconFlag" type="warn" size="20"/></view>
                    <view class="status"><uni-tag :text="item.scale" type="warning" size="small" :inverted="true" :circle="true"></uni-tag></view>
                    <view class="extra" :class="item.pColor">{{item.pState}}</view>
                </view>
                <view class="content">
                    <view class="content-item type-one-item"><text>证书号：</text><text>{{item.idcard}}</text></view>
                    <view class="content-item type-one-item"><text>隶属机构：</text><text>{{item.orgname}}</text></view>
                    <view class="content-item type-one-item">
                        <text>成绩：</text><text>{{item.grade}}</text>
                        <button @click="editMember(item)" type="primary" size="mini" class="type-one-btn">编辑</button>
                    </view>
                </view>
            </view>
            <view class="block"></view>
            <view v-if="orgLevel!=1" class="bottom">
              <button @click="certificationFun" class="certBtn" size="mini" type="primary">一键确认</button>
            </view>
        </view>
        <!-- 待申领 -->
        <view v-if="state==2" class="list">
            <checkbox-group @change="checkboxChange">
            <view v-for="(item,index) in list" :key="index" class="list-box" >
                <view class="header">
                    <view class="title">{{item.name}} {{item.rank}}</view>
                    <view class="status"><uni-tag :text="item.scale" type="primary" size="small" :inverted="true" :circle="true"></uni-tag></view>
                    <view class="extra">{{item.price}}</view>
                </view>
                <view class="content">
                    <view class="content-item type-one-item"><text>证书号：</text><text>{{item.idcard}}</text></view>
                    <view class="content-item type-one-item"><text>隶属机构：</text><text>{{item.orgname}}</text></view>
                    <view class="content-item type-one-item">
                        <text>成绩：</text>
                        <text>{{item.grade}}</text>
                        <label v-if="!item.radio" class="radio type-one-label">
                            <!-- <checkbox v-model="" :checked="item.radioValue" /><text></text> -->
                            <checkbox v-model="item.logs_id" :checked="item.radioValue" /><text></text>
                        </label>
                        <button v-else @click="paySingle(item)" type="primary" size="mini" class="type-one-btn">单独购买</button>
                    </view>
                </view>
            </view>
            </checkbox-group>
            <view class="block"></view>
            <view v-if="orgLevel!=1" class="bottom">
              <button type="default" @click="selectAll" size="mini" class="allBtn">全选</button>
              <button type="primary" @click="payAll" size="mini" class="confirmBtn">批量购买</button>
            </view>
        </view>
        <!-- 待审核 -->
        <view v-if="state==3" class="list">
            <view v-for="(item,index) in list" :key="index" class="list-box" >
                <view class="header">
                    <view class="title">{{item.name}} {{item.rank}}</view>
                    <view class="status"><uni-tag :text="item.scale" :type="item.iconType" size="small" :inverted="true" :circle="true"></uni-tag></view>
                    <view class="extra" :class="item.pColor">{{item.pState}}</view>
                </view>
                <view class="content">
                    <view class="content-item"><text>证书号</text><text>{{item.idcard}}</text></view>
                    <view class="content-item"><text>隶属机构</text><text>{{item.orgname}}</text></view>
                    <view class="content-item"><text>成绩</text><text>{{item.grade}}</text></view>
                </view>
            </view>
            <view class="block"></view>
            <view v-if="orgLevel==1 && open" class="bottom">
                <button @click="certificationFun" class="certificationBtn" size="mini" type="primary">一键审核</button>
                <button @click="refuseFun" class="certificationBtn" size="mini" type="primary">一键拒绝</button>
            </view>
        </view>
        <view class="nodata" v-if="!list.length">
             <view class="msfont ms-wushuju"></view>
             <view class="">无数据</view>
        </view>
        <!-- <uni-popup ref="orderTip" type="center">底部弹出 Popup</uni-popup> -->
        <uni-popup ref="orderTip" type="center" :mask-click="true" >
        	<view class="uni-order">
        		<text class="uni-order-title">缴费通知</text>
        		<text class="uni-order-tip">{{tipWord}}</text>
                <scroll-view :scroll-y="true" class="uni-order-content" >
                    <view v-for="(item,index) in otherCount" :key="index">
                        <view class="uni-order-content-item"><text class="color-bold">{{item.name}}</text><text>x{{item.num}}</text></view>
                        <view class="uni-order-content-item"><text>单价/元</text><text>￥{{item.single}}</text></view>
                        <view class="uni-order-content-item bottom-margin"><text>小计</text><text class="color-red">￥{{item.total}}</text></view>
                    </view>
                    <view class="uni-order-content-item top-margin"><text class="color-bold">合计</text><text class="color-red uni-bold">￥{{totalCount}}</text></view>
                </scroll-view>
        		<view class="uni-order-group-button">
                    <text class="uni-order-button" style="margin-right: 5px;"  v-if="closeOrderFlag" @click="closeOrder">关闭订单</text>
                    <text class="uni-order-button" @click="payFun" >确定支付</text>
        		</view>
        	</view>
        </uni-popup>
    </view>
</template>
<script>
    import uniIcons from '@/components/uni-icons/uni-icons.vue'
    import uniTag from "@/components/uni-tag/uni-tag.vue"
    import uniPopup from "@/components/uni-popup/uni-popup.vue"
    import { getCertList, rankExtent, valCert, pay, applyCe, closeOrders } from '@/common/api.js'
    export default {
        name: "reviewDetails",
        data() {
            return {
                list:[],
                groupname:'',
                groupid:'',
                state:'',
                eventid:'',
                pageSize:1000,
                currentPage:1,
                check_state:'',
                levelList:[],
                totalPage:1,
                loadingType:false,
                open:false,
                orgLevel:'',
                closeOrderFlag:true,
                isLoading:false,
                reason:'',
                orderid:'',
                tipWord:'请缴费后再进行操作',
                totalCount:'',
                pNum:0,
                otherCount:[],
                moreStatus:'more',
                isLoadingAll:false,
                closeFlag:false,
                certFlag:false,
                navigateFlag:false,
            };
        },
        components: {
            uniIcons,uniTag,uniPopup
        },
        methods: {
            getData(){
                let p = getCertList({
                    page:this.currentPage,
                    pageSize:this.pageSize,
                    check_state:this.check_state,
                    event_group_id:this.groupid,
                    id:this.eventid,
                }).then((res)=>{
                    const data = res.data;
                    if(data.errcode==0){
                        this.list=[];
                        data.data.length && data.data.forEach((e)=>{
                            this.list.push({
                                logs_id:e.logs_id,
                                name: e.tempName,
                                rank: e.promotion_state!='8'?e.type_name:'',
                                scale:['待确认','待申领','待审核'][e.check_state],
                                nameJudge: e.tempName==e.idCardName,
                                iconType:['warning','primary','error'][e.check_state],
                                idcard:e.idCard,
                                orgname:e.org_name,
                                grade:this.rankName(e.ranking,e.ranking_type),
                                ranking:e.ranking,
                                rank_type:e.ranking_type,
                                level:e.levelID,
                                m_state:this.mstate(e.m_state),
                                iconFlag: e.tempName!=e.idCardName,
                                radio:((e.c_value>>0)<(e.m_value>>0) || e.promotion_state==8),
                                radioValue:false,
                                price: e.price === null ? '' :parseFloat(e.price).toFixed(2),
                                pState:this.switchPstate(((e.c_value>>0)<=(e.m_value>>0))),
                                pColor:((e.c_value>>0)<=(e.m_value>>0))==1?'type-one-extra-fail':'type-one-extra-success'
                            })
                        })

                        this.open=Boolean(data.open)
                        this.totalPage=data.totalPage;
                    }else if(data.errcode==1000 || data.errcode==1001){
                        uni.removeStorageSync('token');
                        uni.reLaunch({
                        	url:'/pages/home/welcome'
                        })
                    }else{
                        uni.showToast({
                        	icon: 'none',
                        	title:data.msg
                        });
                    }
                })
                return p;
            },
            rankName(rank,type){
                return `${['','第','获得','获得','获得'][type>>0]}${rank}${['','名','积分','%胜率','分'][type>>0]}`
            },
            mstate(state){
              let txt=''
              switch(state>>0){
                case 0:
                case 8:
                  txt='未注册';break;
                case 1:txt='禁用';break;
                case 2:txt='已注册';break;
                case 4:txt='未审核';break;
              }
              return txt
            },
            switchPstate(state){
                let txt=''
                switch(state>>0){
                    case 1:txt='未晋级';break;
                    case 0:txt='成功晋级';break;
                }
                return txt
            },
            editMember(item){
                if (this.navigateFlag) {
                    return;
                }
                this.navigateFlag = true;
                uni.setStorageSync('_memberEditon_',item)
                uni.navigateTo({
                    url: '/pages/performanceReview/reviewEditon'
                })
                setTimeout(() => {
                    this.navigateFlag = false;
                }, 1000)
            },
            orgLevelList(){
                let p = rankExtent({type:'all'}).then((res)=>{
                    const data = res.data;
                    if(data.errcode==0){
                        this.levelList=[];
                        data.data.forEach((e)=>{
                            this.levelList.push({
                                value:e.eventType_id >> 0,
                                label:e.type_name,
                                event_value:e.event_value >> 0
                            })
                        })
                    }else if(data.errcode==1000 || data.errcode==1001){
                        uni.removeStorageSync('token');
                        uni.reLaunch({
                        	url:'/pages/home/welcome'
                        })
                    }else{
                        uni.showToast({
                        	icon: 'none',
                        	title:data.msg
                        });
                    }
                })
                return p;
            },
            payFun(){
                // uni.getProvider({
                //     service: 'oauth',
                //     success: function (res) {
                //         console.log(res.provider)
                //         if (~res.provider.indexOf('wx')) {

                //         }
                //     }
                // });
                if(this.certFlag){
                    return;
                }
                this.certFlag=true;
                pay({
                    order_id:this.orderid,
                    type:'ms',
                    openid:uni.getStorageSync('account').openid,
                }).then((res)=>{
                    const data = res.data;
                    if(data.errcode==0){
                        uni.requestPayment({
                            provider:'wxpay',
                            timeStamp:data.data.timeStamp.toString(),
                            nonceStr:data.data.nonceStr,
                            package:'prepay_id='+data.data.package,
                            signType:data.data.signType,
                            paySign:data.data.paySign,
                            success:(res)=>{
                                this.getData()
                                this.$refs.orderTip.close()
                            },
                            fail: function (err) {
                                console.log('fail:' + JSON.stringify(err));
                                uni.showToast({
                                    icon: 'none',
                                    title: '支付失败'
                                });
                            }
                        })
                    }else if(data.errcode==1000 || data.errcode==1001){
                        uni.removeStorageSync('token');
                        uni.reLaunch({
                        	url:'/pages/home/welcome'
                        })
                    }else{
                        uni.showToast({
                            icon: 'none',
                            title:data.msg
                        });
                    }
                    this.certFlag=false;
                })
            },
            certificationFun(){
                uni.showModal({
                    title: '提示',
                    content: '是否确认该小组?',
                    success: (res) => {
                        if (res.confirm) {
                            if(this.list.some((k)=>k.nameJudge==false)){
                                uni.showToast({
                                	icon: 'none',
                                	title:'列表中有名称不相符人员，请修改后确认。'
                                });
                                return false;
                            }
                            if(!this.list.every((k)=>k.m_state=='已注册')){
                                uni.showToast({
                                	icon: 'none',
                                	title:'列表中有未注册人员，请先确认。'
                                });
                                return false;
                            }
                            this.closeOrderFlag=true;
                            valCert({
                                group_id:this.groupid,
                            }).then((res)=>{
                                const data = res.data;
                                if(data.errcode==0){
                                    uni.showModal({
                                        title: '提示',
                                        content: data.msg,
                                        showCancel:false,
                                        success: function (res) {
                                            if (res.confirm) {
                                                uni.navigateBack({
                                                    delta: 1
                                                });
                                            }
                                        }
                                    });
                                }else if(data.errcode==2000 || data.errcode==2001){

                                    this.orderid = data.data.orderID;
                                    this.otherCount=[]
                                    this.totalCount=data.data.cost;
                                    this.pNum=0;
                                    data.detail.forEach((e,i)=>{
                                        this.pNum+=(e.number>>0)
                                        this.otherCount.push({name:e.type_name,total:(e.single*e.number).toFixed(2),single:e.single,num:e.number})
                                    })
                                    this.tipWord = data.errcode==2000?`有${this.pNum}笔待缴费用，您需要先缴费`:`有${this.pNum}笔待缴费用，${data.msg}`
                                    this.$refs.orderTip.open()
                                }else if(data.errcode==1000 || data.errcode==1001){
                                    uni.removeStorageSync('token');
                                    uni.reLaunch({
                                    	url:'/pages/home/welcome'
                                    })
                                }else{
                                    uni.showToast({
                                    	icon: 'none',
                                    	title:data.msg
                                    });
                                }
                            })
                        }
                    }
                });

            },
            closeOrder(){
                if(this.closeFlag){
                    return;
                }
                this.closeFlag=true;
                closeOrders({
                    orderID:this.orderid
                }).then((res)=>{
                    const data = res.data;
                    if(data.errcode==0){
                        uni.showToast({
                        	icon: 'none',
                        	title:data.msg
                        });
                        this.$refs.orderTip.close()
                    }else if(data.errcode==1000 || data.errcode==1001){
                        uni.removeStorageSync('token');
                        uni.reLaunch({
                        	url:'/pages/home/welcome'
                        })
                    }else{
                        uni.showToast({
                        	icon: 'none',
                        	title:data.msg
                        });
                    }
                    this.closeFlag=false;
                })
            },
            refuseFun(){
                // uni.showModal({
                //     title: '提示',
                //     content: '确认拒绝该小组么?',
                //     success: (res) => {
                //         if (res.confirm) {
                            uni.navigateTo({
                                url: '/pages/performanceReview/reviewRefuse?groupid='+this.groupid
                            });
                    //     }
                    // }
                    // });
            },
            paySingle(item){
                this.closeOrderFlag=false;
                applyCe({
                    ids:item.logs_id,
                    cost:item.price
                }).then((res)=>{
                    const data = res.data;
                    if(data.errcode==0){
                        if (typeof data.data === 'string') {
                            this.orderid = data.data;
                            this.totalCount = item.price;
                            this.otherCount = this.countSelect([item]);
                            this.tipWord =`有${this.pNum}笔待缴费用，请缴费后再进行操作`
                            this.$refs.orderTip.open()
                        } else {
                            uni.showModal({
                                title: '提示',
                                content: data.msg,
                                success: function (res) {
                                    if (res.confirm) {
                                        uni.navigateBack({
                                            delta: 1
                                        });
                                    }
                                }
                            });
                        }
                    }else if(data.errcode==1000 || data.errcode==1001){
                        uni.removeStorageSync('token');
                        uni.reLaunch({
                        	url:'/pages/home/welcome'
                        })
                    }else{
                        uni.showToast({
                        	icon: 'none',
                        	title:data.msg
                        });
                    }
                })
            },
            payAll(){
                this.closeOrderFlag=false;
                let idArr=[];
                let groupArr=[];
                let money=0;
                let flag = true;
                this.list.forEach((e)=>{
                    if(e.radioValue){
                        groupArr.push(e)
                        idArr.push(e.logs_id);
                        money += (e.price - 0);
                        flag=false;
                    }
                })
                money = money.toFixed(2)
                if(flag){
                    uni.showToast({
                    	icon: 'none',
                    	title: '请先选择需要审核的人员'
                    });
                    return;
                }
                console.log({idArr,money});
                applyCe({
                    ids:idArr.join(','),
                    cost:money
                }).then((res)=>{
                    const data = res.data;
                    if(data.errcode==0){
                        if (typeof data.data === 'string') {
                            this.orderid = data.data;
                            this.totalCount = money;
                            this.otherCount = this.countSelect(groupArr);
                            this.tipWord =`有${this.pNum}笔待缴费用，请缴费后再进行操作`
                            this.$refs.orderTip.open()
                        } else {
                            uni.showModal({
                                title: '提示',
                                content: data.msg,
                                success: function (res) {
                                    if (res.confirm) {
                                        uni.navigateBack({
                                            delta: 1
                                        });
                                    }
                                }
                            });
                        }
                    }else if(data.errcode==1000 || data.errcode==1001){
                        uni.removeStorageSync('token');
                        uni.reLaunch({
                        	url:'/pages/home/welcome'
                        })
                    }else{
                        uni.showToast({
                        	icon: 'none',
                        	title:data.msg
                        });
                    }
                })
            },
            countSelect(arr){
                let list=[]
                let listMap={}
                if(arr){
                    arr.forEach((e,i)=>{
                        let name= e.rank
                        let price= e.price
                        let key = name+'-'+price+'-'+e.level
                        if(!!listMap[key]){
                            listMap[key]++
                        }else{
                            listMap[key]=1
                        }
                    })
                    for(let i in listMap){
                        list.push({name:i.split('-')[0],single:i.split('-')[1],num:listMap[i],total:(i.split('-')[1]*listMap[i]).toFixed(2)})
                    }
                    this.pNum=arr.length
                }
                return list;
            },
            selectAll(){
                let flag = this.list.some((e)=>{
                    return (!e.radio && !e.radioValue)
                })
                this.list.forEach((e)=>{
                    if(!e.radio){
                        !flag?e.radioValue=!e.radioValue:e.radioValue=true;
                    }
                })
            },
            checkboxChange(p){
                let arr = p.detail.value;
                this.list.forEach((e)=>{
                    e.radioValue=arr.includes(e.logs_id)?true:false
                })
            },
            showIconTip(flag){
                if(flag){
                    uni.showModal({
                        title: '提示',
                        content: '名称不相符',
                        success: function (res) {

                        }
                    })
                }
            }
        },
        onLoad(option){
        	this.groupname = decodeURIComponent(option.groupname);
        	this.groupid = option.groupid;
            this.check_state = option.status
            // this.state = (option.status - 0 + 1);
            this.eventid = option.id;
            this.orgLevel = uni.getStorageSync('account').level
            this.state = option.status - 0 + 1
            this.groupname && uni.setNavigationBarTitle({
                title: this.groupname
            });
            // let init = async ()=>{
            //     await this.orgLevelList();
                // this.getData()
            // }
            // init()
        },
        onPullDownRefresh(){
            this.getData()
            setTimeout(function () {
            		uni.stopPullDownRefresh();
            }, 1000);
        },
        onShow(){
            uni.showLoading({
                title: '加载中'
            });

            this.getData()
            uni.hideLoading()
            setTimeout(()=>{
                this.isLoading=false;
            },300)
        },
        // onReachBottom(){
        //     if(this.loadingType){
        //         return false;
        //     }
        //     this.loadingType=true;
        //     this.currentPage++;
        //     uni.showToast({
        //         icon: 'none',
        //         title:'加载中'
        //     });
        //     this.currentPage<=this.totalPage && getCertList({
        //         page:this.currentPage,
        //         pageSize:this.pageSize,
        //         check_state:this.check_state,
        //         event_group_id:this.groupid,
        //         id:this.eventid,
        //     }).then((res)=>{
        //         const data = res.data;
        //         if(data.errcode==0){
        //             data.data.length && data.data.forEach((e)=>{
        //                 this.list.push({
        //                     logs_id:e.logs_id,
        //                     name: e.tempName,
        //                     rank: e.promotion_state!='8'?e.type_name:'',
        //                     scale:['待确认','待申领','待审核'][e.check_state],
        //                     iconType:['warning','primary','error'][e.check_state],
        //                     idcard:e.idCard,
        //                     orgname:e.org_name,
        //                     grade:this.rankName(e.ranking,e.ranking_type),
        //                     ranking:e.ranking,
        //                     rank_type:e.ranking_type,
        //                     level:e.levelID,
        //                     radio:false,
        //                     price: e.price === null ? '' :parseFloat(e.price).toFixed(2),
        //                     pState:this.switchPstate(((e.c_value>>0)<=(e.m_value>>0))),
        //                 })
        //             })
        //             this.state=state;
        //             this.loadingType=false;
        //         }else if(data.errcode==1000 || data.errcode==1001){
        //             
        //             uni.navigateTo({
        //                 url: '/pages/home/login'
        //             })
        //         }else{
        //             uni.showToast({
        //                 icon: 'none',
        //                 title:data.msg
        //             });
        //         }
        //     })
        // }
    };
</script>
<style lang="scss">
    #reviewDetails {
        // position: relative;
        // height: 100%;
        .loading-part{
            height: 100vh;
            background: #fff;
            z-index: 99;
        }
        .list{
            .list-box{
                display: flex;
                flex: 1;
                box-shadow: 0 0 0 transparent;
                margin: 24rpx;
                background-color: #fff;
                position: relative;
                flex-direction: column;
                border-color: #e5e5e5;
                border-style: solid;
                border-width: 1px;
                border-radius: 6rpx;
                overflow: hidden;
                .header{
                    display: flex;
                    position: relative;
                    flex-direction: row;
                    padding: 24rpx;
                    align-items: center;
                    border-bottom-color: #e5e5e5;
                    border-bottom-style: solid;
                    border-bottom-width: 1px;
                    .title{
                        font-size: 32rpx;
                        font-weight: bold;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        padding-right: 20rpx;
                        .title-warn{
                            position: relative;
                            top:8rpx;
                            margin-left: 10rpx;
                        }
                    }
                    .status{

                    }
                    .extra{
                        flex: 1;
                        margin-left: 16rpx;
                        font-size: 28rpx;
                        text-align: right;
                        color: #FFA158;
                    }
                    .type-one-extra-success{
                        color:#1A66FF;
                    }
                    .type-one-extra-fail{
                        color: #FF3939;
                    }
                }
                .content{
                    padding: 24rpx;
                    .content-item{
                        display: flex;
                        justify-content: space-between;
                    }
                    .type-one-item{
                        justify-content: flex-start;
                        .type-one-btn{
                            margin-right: 10rpx;
                            color: #fff;
                            background: #1A66FF;
                        }
                        .type-one-label{
                            margin-right: 10rpx;
                            margin-left: auto;
                        }
                    }
                }
            }
            .block{
                height: 90rpx;
            }
            .bottom{
                height: 90rpx;
                line-height: 90rpx;
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                font-size: 32rpx;
                background: #fff;
                z-index:90;
                display: flex;
                align-items: center;
                .allBtn{
                    width: 192rpx;
                    border-radius: 66rpx;
                    padding-top: 6rpx;
                    padding-bottom: 6rpx;
                    &:after{
                        border-radius: 66rpx;
                    }
                }
                .confirmBtn{
                    width: 500rpx;
                    border-radius: 66rpx;
                    padding-top: 6rpx;
                    padding-bottom: 6rpx;
                    color: #fff;
                    background: #1A66FF;
                }
                .certificationBtn{
                    width: 360rpx;
                    border-radius: 20rpx;
                    padding-top: 6rpx;
                    padding-bottom: 6rpx;
                    color: #fff;
                    background: #1A66FF;
                }
                .certBtn{
                    width: 100%;
                    border-radius: 20rpx;
                    margin-left: 20rpx;
                    margin-right: 20rpx;
                    color: #fff;
                    background: #1A66FF;
                }
            }
        }
        .uni-order {
            display: flex;
            flex-direction: column;
            padding: 15px;
            width: 300px;
            background-color: #fff;
            border-radius: 10px;
            .uni-order-title {
            	text-align: center;
            	font-weight: bold;
            	font-size: 32rpx;
            	color: #333;
            }
            .uni-order-tip{
                padding: 8px 0 15px;
            }
            .uni-order-content {
                font-size: 28rpx;
                color: #666;
                max-height: 600rpx;
                height: 400rpx;
                overflow: auto;
                .uni-order-content-item{
                    display: flex;
                    justify-content: space-between;
                }
                .color-bold{
                    color: #333;
                    font-weight: bold;
                }
                .color-red{
                    color: #FF4646;
                }
                .top-margin{
                    margin-top: 10rpx;
                }
                .bottom-margin{
                    margin-bottom: 20rpx;
                }
            }
            .uni-order-group-button {
            	display: flex;
            	flex-direction: row;
            	margin-top: 40rpx;
                .uni-order-button {
                    color: #3b4144;
                	text-align: center;
                	font-size: 28rpx;
                    flex: 1;
                    color: #fff;
                    background: #1A66FF;
                    border-radius: 20rpx;
                    padding-bottom: 10rpx;
                    padding-top: 10rpx;
                    // padding-top: 6rpx;
                    // padding-bottom: 6rpx;
                    // width: 100%;
                }
            }
        }
        .nodata{
            position: fixed;
            top: 50%;
            left: 50%;
            margin-left: -105rpx;
            margin-top: -147rpx;
            .ms-wushuju{
                font-size: 150rpx;
                color: #ccc;
            }
            view:last-child{
                color: #aaa;
                text-align: center;
                margin-left: -20rpx;
                margin-top: -55rpx;
                font-size: 40rpx;
            }
        }
    }
</style>
